<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css">
  <style>
    body{
      background-color: #1661ab;
    }
    .code{
      margin:20px auto;
      font-size: 18px;
        text-space: 10px;
        line-height: 30px;
      width: 80%;
    }
    .python{
       background-color: #f6f8fa;
      border-radius: 10px;
      color:#ed2f6a;
      font-family: "Titan One", cursive;
    }
  </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>

<!-- and it's easy to individually load additional languages -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/languages/go.min.js"></script>

<script>hljs.highlightAll();</script>
</head>
<body>
<div class="code">
  <pre><code class="python">def is_anagram(str1, str2):
    list_str1 = list(str1)
    list_str1.sort()
    list_str2 = list(str2)
    list_str2.sort()

    return list_str1 == list_str2


print(is_anagram('anagram', 'nagaram'))
print(is_anagram('cat', 'rat'))
  </code></pre>
</div>

</body>
</html>